본문으로 건너뛰기

23.05.25

오늘 한 일​

  • 알고리즘 문제 풀이
  • 카공실록 상세페이지 작업
  • 익스텐션 개발
    • 동영상, 일반 과제 구분할 수 있도록 수정

카공실록 상세페이지 작업​

상세 페이지 메인 UI 작업을 완료했다. 공통으로 들어가는 버튼 컴포넌트도 만들어서 첫 PR을 날렸다.

확실히 tailwindCSS를 쓰니까 빠르게 작성할 순 있었지만, 너무 길어져서 가독성이 별로다..

일단 대충 컴포넌트로 뺄 것들만 큼직하게 분리했다. 다음에 리팩토링해서 더 깔끔하게 만들어야겠다.

스크린샷 2023-05-25 오후 5 28 43스크린샷 2023-05-25 오후 5 29 02스크린샷 2023-05-25 오후 5 29 05

익스텐션 UI 수정​

과제와 동영상 과제를 구분할 수 있는 태그를 달아주었다. 어디에 두어야할 지 고민을 많이 했는데, 너무 애매해서 일단 과제 제목 위에 위치시켰다. 그리고 미제출 과제만 볼 수 있는 체크박스도 만들었는데, 얘도 어디다가 둘까 고민 많이 했다. 1.0.8에는 우측 필터 위에 뒀는데 왼쪽 필터 아래에 두는게 더 좋아보인다. 다음 버전에는 그렇게 수정해야겠다.

옵션 페이지​

유저가 설정할 수 있는 페이지를 만드려고 UI를 생각해봤다. 단순히 체크박스를 나열힐건지, 아니면 on/off 토클 버튼을 만들건지.. 역시 UX/UI는 어렵다. 내일 대충 와이어 프레임 잡아봐야겠다.

불편한 점​

HMR에서 css 변경사항이 적용이 잘 안된다. 안될 때마다 yarn dev를 다시 하면 되는데, 바로바로 확인할 수 없어서 불편하다.

내일 할 일​

  • 알고리즘 문제 풀이
  • 익스텐션 개발: Option page
  • 디지털콘텐츠기획 기말 대체 과제 구상
  • 카공실록 상세페이지 작업